<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<!-- jQuery -->
		<script src="js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- popper -->
		<script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- 加载bootstrap css样式 -->
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<!-- 加载bootstrap js脚本 -->
		<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		
	</head>
	<body>
		
		<ul class="nav">
			<li class="nav-item"><a href="#c1" class="nav-link active" data-toggle="tab">java</a></li>
			<li class="nav-item"><a href="#c2" class="nav-link"  data-toggle="tab">c#</a></li>
			<li class="nav-item"><a href="#c3" class="nav-link"  data-toggle="tab">c++</a></li>
		</ul>
		
		<ul class="nav nav-pills">
			<li class="nav-item"><a href="#c1" class="nav-link active" data-toggle="tab">java</a></li>
			<li class="nav-item"><a href="#c2" class="nav-link"  data-toggle="tab">c#</a></li>
			<li class="nav-item"><a href="#c3" class="nav-link"  data-toggle="tab">c++</a></li>
		</ul>
		
		
		<ul class="nav nav-tabs">
			<li class="nav-item"><a href="#c1" class="nav-link active" data-toggle="tab">java</a></li>
			<li class="nav-item"><a href="#c2" class="nav-link"  data-toggle="tab">c#</a></li>
			<li class="nav-item"><a href="#c3" class="nav-link"  data-toggle="tab">c++</a></li>
		</ul>
		
		<div class="tab-content">
			<div id="c1" class="tab-pane active">
				Java是一门面向对象的编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方
			</div>
			
			<div id="c2" class="tab-pane">
				C#是一门面向对象的编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方
			</div>
			
			<div id="c3" class="tab-pane">
				C++是一门面向对象的编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方
			</div>
			
			
		</div>
	</body>
</html>
